<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>多行文本溢出</title>
    <style>
      .content {
        width: 200px;
        border: 2px solid;

        /* 单行文本溢出 */
        /* white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
        /* 就这么几句话 */
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
    </style>
  </head>
  <body>
    <p class="content">
      “每个人的生活都是一条通向自身的道路。每个人的真正职责只有一个：找到自我。然后在心中坚守一生，全心全意，永不停息。
      所有其它的路都是不完整的，是人的逃避方式，是对社会角色的懦弱伪装，是随波逐流，是对内心的恐惧。”
    </p>
  </body>
</html>
